<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Guarana Boot Camp</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script language="javascript" type="text/javascript" src="init.js"></script>
	</head>
	<body style="margin:0;padding:0;">
		
		<img id="splash_image" />
		
		<script type="text/javascript">
			// Initializing splash screen depending on screen resolution
			var splashWidth = window.innerWidth;
			
			document.getElementById('splash_image').src = 'images/splash_' + splashWidth + '.png';
		</script>
		
		<div id="view-container">
			
			<!-- DOM container for the HomeView -->
			
			<div id="home-view" class="ui-helper-clearfix" style="display: none;">
			
				<!-- HTML code for the TextLabel component -->
			
				<div id="intro-label"></div>
				<p id="intro-label-content">
					Get latest local weather
					information, Twitter posts, Google
					news, Picasa photos, Wikipedia
					articles with Guarana Boot Camp!
				</p>
				
				<!-- HTML code for the OptionGroup component -->
				
				<div id="search-type-optiongroup"></div>
				
				<!-- HTML code for the RadioBox components -->
				
				<input type="radio" name="search-type" value="0" id="search-type1" />
				<input type="radio" name="search-type" value="1" id="search-type2" />
				
				<!-- HTML code for the Tooltip components -->
				
				<div id="tooltip-search-type"></div>
				<div id="tooltip-location"></div>
				
				<!-- Hidden text field, displayed when the user selects manual location method -->
				
				<div id="location-box" style="display: none;">
					<div class="rounded_textfield"><div class="rounded_textfield_right">
						<input type="text" name="location_field" id="location_field" />
					</div></div>
				</div>
				
				<!-- HTML code for the Button component -->
				
				<div id="home-query-button"></div>
				
			</div>
			
			<!-- DOM container for the ResultsView -->
			
			<div id="results-view" class="ui-helper-clearfix" style="display: none;">
			
				<div id="weather">
					
					<!-- HTML code for the Carousel -->
					
					<div id="weather-carousel"></div>
					
				</div>
			
				<!-- HTML code for the DropDown component -->
			
				<div id="results-filter"></div>
				
				<!-- HTML container for the plain HTML results list -->
				
				<div id="results-list"></div>
				
			</div>
			
			<!-- DOM container for the TwitterItemView -->
			
			<div id="twitter-item-view" class="ui-helper-clearfix" style="display: none;">
			
				<!-- HTML container for the item detail data -->
				
				<div id="twitter-item-content"></div>
				
				<!-- HTML code for the Button component -->
			
				<div id="twitter-item-open-button" class="ui-helper-clearfix"></div>
			</div>
			
			<!-- DOM container for the WeatherView -->
			
			<div id="weather-view" class="ui-helper-clearfix" style="display: none;">
			
				<!-- HTML container for the weather detail data -->
			
				<div id="weather-forecasts-container"></div>
			</div>
			
			<!-- DOM container for the PicasaItemView -->
			
			<div id="picasa-item-view" class="ui-helper-clearfix" style="display: none;">
			
				<!-- HTML container for the item detail data -->
				
				<div id="picasa-item-content"></div>
				
				<!-- HTML code for the Button component -->
			
				<div id="picasa-item-open-button" class="ui-helper-clearfix"></div>
			</div>
			
			<!-- DOM container for the WikipediaItemView -->
			
			<div id="wikipedia-item-view" class="ui-helper-clearfix" style="display: none;">
			
				<!-- HTML container for the item detail data -->
			
				<div id="wikipedia-item-content"></div>
				
				<!-- HTML code for the Button component -->
			
				<div id="wikipedia-item-open-button" class="ui-helper-clearfix"></div>
			</div>
			
			<!-- DOM container for the NewsItemView -->
			
			<div id="news-item-view" class="ui-helper-clearfix" style="display: none;">

				<!-- HTML container for the item detail data -->

				<div id="news-item-content"></div>
				
				<!-- HTML code for the Button component -->
			
				<div id="news-item-open-button" class="ui-helper-clearfix"></div>
			</div>
			
		</div>
		
		<!-- HTML code for the Lightbox component -->
		
		<div id="lightbox-about" style="display: none;">
			<h1>About Guarana Boot Camp</h1>

			<p>
			Guarana Boot Camp is built by using the Guarana JavaScript framework.
			</p>
		</div>

	</body>
</html>
